<template>
	<xprogress isAnimation :percentage="60"></xprogress>
	    <br />
	    <xprogress isAnimation status="success" :stroke-width="20" :percentage="60"></xprogress>
	    <br />
	    <xprogress class="circle" :time="5000" type="circle" isAnimation :percentage="60"></xprogress>
</template>

<script lang="ts" setup>
	
</script>

<style lang="scss" scoped>
	.circle {
		:deep(svg) {
			width: 126px;
			height: 126px;
		}
	}
</style>
